<script setup>
import { ref, onMounted, onUnmounted } from 'vue'
import Son1 from './Son1.vue'
import Son2 from './Son2.vue'
import Son3 from './Son3.vue'
import Son4 from './Son4.vue'
import Legend from './Legend.vue'
import Radar from './radar'
import RadarPop from './RadarPop.vue'
onMounted(() => {
  Radar.startAnimation()
})
onUnmounted(() => {
  console.log('我离开了')
  Radar.clear()
})
</script>

<template>
  <RightBox>
    <Son1 />
    <Son2 />
    <Son3 />
    <Son4 />
  </RightBox>
  <!-- <Legend /> -->
  <RadarPop />
</template>
<style scoped lang="scss"></style>
